﻿<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>二代身份证网页读取测试</title>
  <meta charset="utf-8" />
  <style type="text/css">
  body div {
    margin-bottom: 10px;
  }
  
  .warn {
    color: red;
  }
  
  .succ {
    color: blue;
  }
  
  body form input {
    width: 200px;
  }
  </style>
  <script src="jquery.min.js"></script>
  <script src="index.js"></script>
  <script for="GT2ICROCX" event="GetData">
  $(function() {
    setResult(1);
  })
  </script>
  <script for="GT2ICROCX" event="GetErrMsg">
  $(function() {
    setError();
  })
  </script>
  <script for="GT2ICROCX" event="ClearData">
  $(function() {
    setResult(0);
  })
  </script>
</head>

<body>
  <h2>二代身份证网页读取测试(华腾永泰OCX)</h2>
  <object Name="GT2ICROCX" width="0" height="0" CLASSID="CLSID:220C3AD1-5E9D-4B06-870F-E34662E2DFEA" CODEBASE="IdrOcx.cab#version=1,0,1,2">
  </object>
  <div class="btn-group">
    <button id="btnAutoRead">自动读卡</button>
    <button id="btnRead">读卡</button>
    <button id="print" style="display:none;">打印正反面照片</button>
    <span id="AutoDesc" style="display: none;">目前读卡方式为自动读卡，若需要切换手动读卡，请重新打开页面</span>
  </div>
  <div>
  </div>
  <div>
    <form id="IdCard">
      <div>
        <div>
          <label>姓名：</label>
          <input type="text" id="NameL">
        </div>
        <div>
          <label>性别：</label>
          <input type="text" id="SexL">
        </div>
        <div>
          <label>民族：</label>
          <input type="text" id="NationL">
        </div>
        <div>
          <label>出生：</label>
          <input type="text" id="BornL">
        </div>
        <div>
          <label>住址：</label>
          <input type="text" id="Address">
        </div>
        <div>
          <label>身份证号：</label>
          <input type="text" id="CardNo">
        </div>
        <div>
          <label>签发机关：</label>
          <input type="text" id="Police">
        </div>
        <div>
          <label>起始日期：</label>
          <input type="text" id="ActivityLFrom">
        </div>
        <div>
          <label>失效日期：</label>
          <input type="text" id="ActivityLTo">
        </div>
        <div>
          <label>头像：</label>
          <input type="text" id="photo">
          <img src="" alt="" id="photoimg">
        </div>
        <div>
          <label>正面照片：</label>
          <input type="text" id="faceJpg1">
          <img src="" alt="" id="faceJpg1img">
        </div>
        <div>
          <label>反面照片：</label>
          <input type="text" id="faceJpg2">
          <img src="" alt="" id="faceJpg2img">
        </div>
        <div>
          <label>正反面照片：</label>
          <input type="text" id="faceJpg0">
          <img src="" alt="" id="faceJpg0img">
        </div>
      </div>
      <div style="clear: both;"></div>
    </form>
  </div>
  <div>
    <div style="float:left;">状态：</div>
    <div id="status"></div>
  </div>
</body>

</html>
